@use 'tailwindcss/base' as *;
@use 'tailwindcss/components' as *;
@use 'tailwindcss/utilities' as *;

:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  /*允许元素指示它可以舒适地呈现哪些颜色方案*/
  color-scheme: light dark;
  /*字体合成（font-synthesis）是CSS中的一个属性，它允许您控制当指定的字体家族中缺少粗体、斜体、小型大写字母以及上标和下标字体时，
  浏览器是否可以合成这些字体样式。这个属性对于那些不包含这些变体的字体特别有用，例如用于中文、日文、韩文和其他文字的字体。在这些情况下，
  合成这些变体可能会影响文本的可读性，因此关闭浏览器的默认字体合成可能是更好的选择。*/
  font-synthesis: none;
  /*指导浏览器在渲染文本时应该优化哪些方面，如渲染速度、可读性或几何精度。虽然这是一个SVG属性，但一些浏览器允许它应用于HTML和XML内容。
  optimizeLegibility：优先考虑文本的可读性，启用字距调整和连字，但可能会在移动设备上造成性能问题。*/
  text-rendering: optimizeLegibility;
  /*chrome、safari 抗锯齿渲染*/
  -webkit-font-smoothing: antialiased;
  /*firefox 抗锯齿渲染*/
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
}

p{
  margin: 0;
}


